<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>robotChat</title>
    <link rel="stylesheet" href="robot.css">
</head>

<body>
    <div class="header">聊天机器人</div>

    <div class="main">

        <!-- robot -->
        <div class="chat-container robot-container clearfix">
            <img src="https://img2.baidu.com/it/u=1006592210,3539228340&amp;fm=253&amp;fmt=auto&amp;app=138&amp;f=JPEG?w=500&amp;h=500"
                alt="">
            <div class="chat-txt">您好，我的所有言论都仅代表个人观点，与我主人无关哦，快来和我聊天吧！</div>
        </div>
        <div class="chat-container avatar-container clearfix">
            <img src="./img/avatar.webp" alt="">
            <div class="chat-txt">你是谁呀</div>
        </div>
        <div class="chat-container robot-container clearfix">
            <img src="https://img2.baidu.com/it/u=1006592210,3539228340&amp;fm=253&amp;fmt=auto&amp;app=138&amp;f=JPEG?w=500&amp;h=500"
                alt="">
            <div class="chat-txt">我是您的聊天机器人哦~</div>
        </div>

    </div>


    <div class="footer">
        <input id="input" type="text" placeholder="请在这里输入聊天信息" class="input">
        <span class="sent-btn" id="sendBtn">发送</span>
    </div>
    <script src="robot.js"> </script>
</body>

</html>